<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>我要订仓</title>
		<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?key=3ec5a840118dff92816396989a7159e0&v=1.2&services=true"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/barnDistributed.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="main-head"><i><img src="images/gps.png" alt="" /></i>佛山市南海区桂城街道灯湖西路20号</div>
			<div class="nav">
				<div class="nav-width">
					<a href="javascript:void(0);" class="active">
						<p>小仓</p>
						<span>1-4m³</span>
					</a>
					<a href="javascript:void(0);">
						<p>中仓</p>
						<span>4-8m³</span>
					</a>
					<a href="javascript:void(0);">
						<p>大仓</p>
						<span>8-16m³</span>
					</a>
					<a href="javascript:void(0);">
						<p>特大仓</p>
						<span>&lt;16m³</span>
					</a>
					<a href="javascript:void(0);">
						<p>特大仓</p>
						<span>&lt;16m³</span>
					</a>
				</div>
			</div>
			<div class="content">
				<div class="model">
					<div class="barn-lists">
						<div class="barn-banner"><img src="https://img.thgo8.com/assets/images/09/12/list_7c2c9d1ddad02b1d02b625bf4d3d57debf01f34a.jpg" alt="" /></div>
						<div class="barn-msg">
							<div class="classy" onclick="location='barnOrder.html';">
								<div class="new-box">A01</div>
								<div class="left-cont">
									<div class="shape">体   积：1.7m³</div>
									<div class="serial">长宽高：100mm*100mm*100mm</div>
								</div>
								<div class="price-wrap">
									<div class="new-price">￥499</div>
									<del class="orig-price">￥499</del>
								</div>
							</div>
							<div class="classy" onclick="location='barnOrder.html';">
								<div class="new-box">A01</div>
								<div class="left-cont">
									<div class="shape">体   积：1.7m³</div>
									<div class="serial">长宽高：100mm*100mm*100mm</div>
								</div>
								<div class="price-wrap">
									<div class="new-price">￥499</div>
									<del class="orig-price">￥499</del>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			//仓位选择
			$('.nav a').click(function(){
				if($(this).hasClass('active')){
					return false;
				}
				$('.nav a').removeClass('active');
				$(this).addClass('active');
			})
			$('.nav-width').css('width',$('.nav-width').find('a').width()*$('.nav-width').find('a').length+'px');
		</script>
	</body>
</html>
